* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  font-size: 14px;
  font-family: iconfont, Hui-iconfont;
}

a, a:visited {
  text-decoration: none;
  color: Black;
}

#jm-container {
  background-color: #E9E9E9;
}

#jm-wrapper {
  margin-left: -15px;
  margin-right: -15px;
}

#jm-logo {
  color: white;
  padding: 10px;
  text-align: center;
}

/*侧边栏开始*/
#jm-sidebar {
  background-color: #545454;
}

.jm-menuItem {
}

.jm-menuItem-current {
  
}

.jm-menuItemTitle a, .jm-menuItemTitle a:visited {
  color: #FFFFFF;
}

.jm-menuItem-current .jm-menuItemTitle {
  padding: 15px 10px;
  color: #FFFFFF;
  background-color: #444444;
}

.jm-menuItem .jm-menuItemTitle {
  padding: 15px 10px;
  color: #FFFFFF;
  background-color: #545454;
}

.jm-menuIcon-fold {
  display: inline-block;
  float: right;
}

.jm-menuItem-current .jm-menuIcon-fold::before {
  content: "\f0170";
  font-size: 10px;
  font-weight: lighter;
}

.jm-menuItem .jm-menuIcon-fold::before {
  content: "\f016d";
  font-size: 10px;
  font-weight: lighter;
}

.jm-menuIcon-prefix {
  margin-right: 5px;
  font-size: 16px;
  color: #108CEE;
}

.jm-menuItem .jm-subMenu {
  display: none;
}

.jm-menuItem-current .jm-subMenu {
  display: block;
}

.jm-subMenu {
  list-style: none;
}

.jm-subMenu li {
  padding: 10px 5px 10px 30px;
}

.jm-subMenu li:hover {}

.jm-subMenu li:active {}

.jm-subMenu li a, jm-subMenu li a:visited {
  color: #FFFFFF;
}

.jm-subMenu li a:hover {}

.jm-subMenu li a:active {}

.jm-subMenuItem-current {
  background-color: red;
}

.jm-subMenuItem-current a, .jm-subMenuItem-current a:visited {
  color: #afe;
}

.jm-subMenuItem {
  background-color: #545454;
}

.jm-subMenuItem a, .jm-subMenuItem a:visited {
  color: #FFFFFF;
}
/*侧边栏结束*/

#jm-main {
  /*background-color: #FFFFFF;
  margin: 10px 10px 10px 0;
  padding: 10px;*/
}


#jm-main-header {
  margin: 0px;
  padding: 10px;
  background-color: #FFFFFF;
}

#jm-main-body {
  /*margin: 10px;
  background-color: #FFFFFF;*/
}

/*盒子样式开始*/
.jm-box { border: 1px dashed red;}

.jm-boxTitle {
  padding: 10px 20px;
  border-bottom: 1px solid #D0D0D0;
  font-size: 16px;
  font-weight: bold;
  color: #108CEE;
}

.jm-boxContent {
  padding: 5px;
}

.jm-box2col {
  margin: 5px;
  float: left;
  width: 365px;
  /*border: 1px dashed Red;*/
}

.jm-boxTab {
  margin: 5px;
  float: left;
  width: 740px;
  border: 1px solid #D0D0D0;
}

.jm-boxTab .jm-boxTitle {
  padding: 0;
  border-bottom: 1px solid #D0D0D0;
  font-size: 18px;
  font-weight: bold;
}

.jm-boxTab ul {
  list-style: none;
}

.jm-boxTab li {
  display: inline-block;
  padding: 10px 20px;
  margin: 0;
  border-right: 1px solid #D0D0D0;
  background-color: #108CEE;
}

.jm-boxTab li a, .jm-boxTab li a:visited {
  color: #FFFFFF;
}

.jm-box1 {}

.jm-box1 .jm-boxContainer {
  padding: 0;
}

.jm-box1 .jm-boxTable tbody tr {
  border-top: 0;
  border-bottom: 1px dashed #D0D0D0;
}

.jm-box1 .jm-boxTable td {
  padding: 25px 0 5px;
}

.jm-box1 .jm-boxTable td:first-child {
  width: 20%;
  text-align: right;
}

.jm-box1 .jm-boxTable td:last-child {
  width: 80%;
  text-align: left;
}
/*盒子样式结束*/

/*表单样式开始*/
.jm-box2 {
}

/*@media (min-width: 576px)  {
  .container  {
    max-width: 540px;
  }
}

@media (min-width: 768px)  {
  .container  {
    max-width: 720px;
  }
}

@media (min-width: 980px)  {
  .container  {
    max-width: 960px;
  }
}

@media (min-width: 1200px)  {
  .container  {
    max-width: 1140px;
  }
}*/

.jm-formItemGroup {
  background-color: #FFFFFF;
  padding: 5px;
  border: 1px dashed Red;
}

.jm-formItemGroupTitle {
  padding: 10px 15px;
  border-bottom: 1px solid #D0D0D0;
  font-size: 16px;
  font-weight: bold;
  color: #6E6E6E;
}

.jm-formItemGroupBox {
}

.jm-formItemWrapper {
  margin: 0;
  padding: 10px 3px;
}

.jm-fieldLabel {
  width: 100px;
  padding: 8px 5px;
  display: block;
  float: left;
}

.jm-formItem {
  float: left;
}

.jm-fieldWrapper {
  width: 200px;
  float: left;
  margin: 0 5px;
}

.jm-fieldWrapper input {
  width: 200px;
  height: 26px;
  padding: 2px 5px;
  border: 1px solid #99C4EA;
  border-radius: 2px;
  outline: none;
}

.jm-fieldWrapper textarea {
  width: 200px;
  padding: 2px 5px;
  border: 1px solid #99C4EA;
  border-radius: 2px;
  outline: none;
}

.jm-fieldWrapper select {
  width: 200px;
  height: 26px;
  border: 1px solid #99C4EA;
  border-radius: 2px;
  outline: none;
}

.jm-fieldWrapper select[multiple="multiple"] {
  width: 200px;
  height: 80px;
  border: 1px solid #99C4EA;
  border-radius: 2px;
  outline: none;
}

.jm-fieldWrapper option {
  width: 192px;
  padding: 1px;
  margin: 1px 3px;
}

.jm-fieldWrapper input:focus, .jm-fieldWrapper textarea:focus, .jm-fieldWrapper select:focus, .jm-fieldWrapper input:hover, .jm-fieldWrapper textarea:hover, .jm-fieldWrapper select:hover {
  border: 1px solid #03A9F4;
  box-shadow: 0 0 2px #03A9F4;
}

.jm-fieldWrapper label {
  display: inline-block;
  margin: 5px;
}

input[type="radio"], input[type="checkbox"] {
  width: auto;
  height: auto;
  margin: 5px;
}

.jm-fieldWrapper input[type="radio"]:focus, .jm-fieldWrapper input[type="checkbox"]:focus, .jm-fieldWrapper input[type="file"]:focus, .jm-fieldWrapper input[type="radio"]:hover, .jm-fieldWrapper input[type="checkbox"]:hover, .jm-fieldWrapper input[type="file"]:hover {
  box-shadow: none;
}

.jm-fieldWrapper button {
  padding: 5px 15px;
  margin: 2px 5px;
  letter-spacing: 2px;
  background-color: #108CEE;/*#0080C8;*/
  border: 1px solid #108CEE;/*#0080C8;*/
  color: #FFFFFF;
  outline: none;
}

.jm-fieldWrapper button:focus {
  background-color: #108CEE;
  border: 1px solid #108CEE;
}

.jm-fieldWrapper button:hover {
  background-color: #108CEE;
  border: 1px solid #108CEE;
}

.jm-fieldWrapper button:active {
  background-color: #209BFD;
  border: 1px solid #209BFD;
}

input[type="file"], input[type="file"]:focus, input[type="file"]:hover {
  border: 1px dashed Red;
}

input[type="file"]:active {
  background-color: Red;
}

.jm-formItemHelp {
  font-size: 12px;
  color: #737574;
  padding: 2px 4px;
  float: left;
  margin: 0 5px;
}

/*垂直排列*/
.jm-box2 .jm-form-item-group {
  width: 328px;/*注释掉此两项，表单项即和帮助文本呈水平排列*/
}

.jm-box2 .jm-formItem {
  width: 210px;/*注释掉此项，表单项即和帮助文本呈水平排列*/
}
/*表单样式结束*/

/*表格样式开始*/
.jm-boxTable {
  width: 100%;
  border-collapse: collapse;
}

.jm-boxTable tr {}

.jm-boxTable thead tr {
  border-top: 2px solid #A1A1A1;
}

.jm-boxTable tbody tr {
  border-top: 1px solid #D0D0D0;
  border-bottom: 1px solid #D0D0D0;
}

.jm-boxTable tbody tr:focus, .jm-boxTable tBody tr:hover {
  border-top: 2px solid #F7AE6A;
  border-bottom: 2px solid #F7AE6A;
}

.jm-boxTable tbody tr:active {
  border-top: 2px solid #F7AE6A;
  border-bottom: 2px solid #F7AE6A;
  background-color: #F2F2DF;
}

/*.jm-boxTable tfoot tr {
  border-top: 1px solid #D0D0D0;
  border-bottom: 2px solid #A1A1A1;
}*/

.jm-boxTable th {
  padding: 10px 5px;
}

.jm-boxTable td {
  padding: 10px 5px;
}

.jm-table-topbar { border:1px dashed red;}

.jm-table-topbar-left {
  padding: 12px 0;
  /*background: #A3D0C3;*/
  float: left;
}

.jm-table-topbar-left select {
  margin: 0 5px;
  display: inline-block;
  border: 1px solid #7BA7AB;
  outline: none;
  padding: 3px;
}

.jm-table-topbar-left option {}

.jm-search {
  padding: 10px 0;
  /*background: #A3D0C3;*/
  float: right;
  border: 1px dashed red;
}

.jm-search form {
  position: relative;
  width: 240px;
  margin: 0 auto;
}

.jm-search input  {
  width: 100%;
  height: 32px;
  padding-left: 10px;
  padding-right: 45px;
  border: 2px solid #7BA7AB;
  border-radius: 5px;
  outline: none;
  /*background: #F9F0DA;*/
  color: #6E6E6E;/*#9E9C9C;*/
}
.jm-search button  {
  position: absolute; 
  top: 0;
  right: 0px;
  width: 42px;
  height: 32px;
  border: none;
  background: #7BA7AB;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
}
.jm-search button:before  {
  content: "\e683";
  font-family: Hui-iconfont;
  font-size: 16px;
  color: #FFFFFF;/*#F9F0DA;*/
}

/*分页*/
.jm-pagination {
  text-align: center;
}

.jm-p-outline {
  display: inline-block;
  float: left;
  padding: 12px 0 2px;
}

.jm-previous {}

.jm-next {}

.jm-pagination ul {
  list-style: none;
  display: inline-block;
}

.jm-pagination li {
  display: inline-block;
  padding: 5px 10px;
  margin: 5px 2px;
  border: 1px solid #108CEE;
}

.jm-current {
  background-color: #108CEE;
}

.jm-redirect-div {
  padding: 6px 0;
  float: right;
  /*background: #A3D0C3;*/
}

.jm-redirect-div form {
  position: relative;
  width: 80px;
  margin: 0 auto;
}

.jm-redirect-div input  {
  width: 100%;
  height: 26px;
  padding-left: 10px;
  padding-right: 35px;
  border: 1px solid #7BA7AB;
  border-radius: 2px;
  outline: none;
  /*background: #F9F0DA;*/
  color: #6E6E6E;/*#9E9C9C;*/
}

.jm-redirect-div button  {
  position: absolute; 
  top: 0;
  right: 0px;
  width: 32px;
  height: 26px;
  border: none;
  background: #7BA7AB;
  border-radius: 0 2px 2px 0;
  cursor: pointer;
}
/*表格样式结束*/

/*页脚开始*/
#jm-main-footer {
  background-color: #FFFFFF;
  margin: 10px;
  padding: 10px;
  clear: both;
}
/*页脚结束*/

/*信息框*/
#jm-messageBox {
  display: none;
}

.jm-infoBox {
  padding: 5px;
  margin: 5px;
  border: 1px solid #99C4EA;
  background-color: #D1E4F3;
}

.jm-errorBox {
  padding: 5px;
  margin: 5px;
  border: 1px solid #E18B7C;
  background-color: #FAD5CF;
}

.jm-errorBox:before {
  content: "";
  margin: 0 5px;
  background: url(".jm-.jm-/img/icons/error.jm-png") no-repeat;
  background-size: 11px 11px;
  width: 11px;
  height: 11px;
  display: inline-block;
}

.jm-warningBox {
  padding: 5px;
  margin: 5px;
  border: 1px solid #EAC572;
  background-color: #FFE9AD;
}

.jm-successBox {
  padding: 5px;
  margin: 5px;
  border: 1px solid #83DE87;
  background-color: #CCECBA;
}

.jm-mBox {
  padding: 5px;
  margin: 5px;
  border: 1px solid #FBE187;
  background-color: #FFFFDF;
}

.jm-menuIcon-prefix {
  width: 11px;
  height: 11px;
  margin: 0 5px;
}
/*信息框结束*/

.jm-hidden {
  clear: both;
  height: 1px;
}

/*弹窗*/
#jm-popups {
  display: none;
}

.jm-popupContainer{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99998;
}

.jm-shade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #888888;
  filter:alpha(Opacity=30);
  opacity: 0.3;
}

.jm-popup {
  position: fixed;
  width: 260px;
  height: 180px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background-color: #EFEFEF;
  /*border: 1px solid #D0D0D0;*/
  box-shadow: 0 0 5px #888888;
  border-radius: 2px;
  display: inline-block;
}

.jm-popup1 {
  display: inline-block;
}

.jm-popup2 {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  display: inline-block;
}

.jm-loading{
  /*width: auto;
  height: auto;*/
  display: inline-block;
  padding: 10px;
  background-color: #888888;
  filter:alpha(Opacity=30);
  opacity: 0.3;
}


.jm-dynamic{
  /*width: auto;
  height: auto;*/
  display: inline-block;
  padding: 10px;
}

.jm-popupTitle {
  position: relative;
  min-height: 36px;
  padding: 10px;
  font-weight: bold;
  vertical-align: middle;
  font-size: 16px;
  overflow: hidden;
}

.jm-close {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  float: right;
  font-family: iconfont;
  font-size: 12px;
  padding: 10px 6px;
  margin: 3px;
  font-weight: normal;
  color: #108CEE;
}

.jm-close:hover {
  color: Red;
}

.jm-close:active {
  color: Red;
}

.jm-resize {
  position: absolute;
  right: 30px;
  top: 0;
  float: right;
  font-family: iconfont;
  font-size: 12px;
  padding: 10px 6px;
  margin: 3px;
  font-weight: normal;
  color: #108CEE;
  display: none;
}

.jm-zoom:hover {
  color: #108CEE;
}

.jm-zoom:active {
  color: Red;
}

.jm-popupContent {
  /*width: 94%;*/
  min-height: 18px;
  font-size: 14px;
  /*margin: 0 3% 3%;*/
  padding: 5px;
  /*position: absolute;
  bottom: 42px;
  overflow: auto;*/
  background-color: #FFFFFF;
}

.jm-popupContent label{
  /*border: 1px dashed red;
  display: inline-block;*/
}

.jm-popupContent xmp {
  white-space: pre-wrap;
  word-wrap: break-word;
}

.jm-popup textarea {
  width: 100%;
  padding: 5px;
  border: 1px solid #99C4EA;
  border-radius: 2px;
  outline: none;
}

.jm-popup textarea:focus {
  border: 1px solid #03A9F4;
}

.jm-popupButtons {
  /*position: absolute;*/
  padding: 5px;
  /*bottom: 0;*/
  width: 100%;
}

.jm-popupButtons button {
  padding: 5px 15px;
  margin: 5px;
  letter-spacing: 2px;
  font-size: 14px;
  background-color: #108CEE;/*#0080C8;*/
  border: 1px solid #108CEE;/*#0080C8;*/
  color: #FFFFFF;
  outline: none;
  float: right;
}

/*.jm-alert .jm-popupButtons button[type="button"] {
  display: none;
}*/

.hidden {
  display: none;
}

.jm-popupButtons button:focus {
  background-color: #108CEE;
  border: 1px solid #108CEE;
}

.jm-popupButtons button:hover {
  background-color: #108CEE;
  border: 1px solid #108CEE;
}

.jm-popupButtons button:active {
  background-color: #209BFD;
  border: 1px solid #209BFD;
}

.jm-prompt .jm-popupContent {
  /*background-color: #EFEFEF;*/
}

.jm-prompt .jm-popupContent xmp {
  padding: 5px 0;
  display: block;
}

/*tip共用样式*/
.tip{
  padding: 20px;
  background:#F3961C;
  font-size: 14px;
  display: inline;
  display: inline-block;
  position:relative;
  border-radius: 2px;
}
span.tail-bottom, span.tail-top{
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  position: absolute;
}

/*带直角尾巴*/
/*top*/
.tip-zhi-top{
  margin-bottom: 16px;
}
.tip-zhi-top span.tail-bottom{
  border-width: 16px;
  border-style: solid dashed dashed;
  border-color: #f3961c transparent transparent;
  /*_border-color: #f3961c white white;*/
  left: 20px;
  bottom: -32px;
}
/*right*/
.tip-zhi-right{
  margin-left: 16px;
}
.tip-zhi-right span.tail-bottom{
  border-width: 16px;
  border-style: dashed solid dashed dashed;
  border-color: transparent #f3961c transparent transparent;
  /*_border-color: #f3961c white white;*/
  left: -32px;
  top: 12px;
}
/*bottom*/
.tip-zhi-bottom{
  margin-top: 16px;
}
.tip-zhi-bottom span.tail-bottom{
  border-width: 16px;
  border-style: dashed dashed solid dashed;
  border-color: transparent transparent #f3961c transparent;
  /*_border-color: #f3961c white white;*/
  left: 20px;
  top: -32px;
}
/*left*/
.tip-zhi-left{
  margin-right: 16px;
}
.tip-zhi-left span.tail-bottom{
  border-width: 16px;
  border-style: dashed dashed dashed solid;
  border-color: transparent transparent transparent #f3961c;
  /*_border-color: #f3961c white white;*/
  right: -32px;
  top: 12px;
}

/*带尖角尾巴*/
/*top*/
.tip-jian-top{
  margin-bottom: 20px;
}
.tip-jian-top span.tail-bottom{
  border-width: 10px;
  border-style: solid solid dashed dashed;
  border-color: #f3961c #f3961c transparent transparent;
  /*_border-color: #f3961c white white;*/
  left: 10px;
  bottom: -20px;
}

/*right*/
.tip-jian-right{
  margin-left: 20px;
}
.tip-jian-right span.tail-bottom{
  border-width: 10px;
  border-style: dashed solid solid dashed;
  border-color: transparent #f3961c #f3961c transparent;
  /*_border-color: #f3961c white white;*/
  left: -20px;
  top: 10px;
}
/*bottom*/
.tip-jian-bottom{
  margin-top: 20px;
}
.tip-jian-bottom span.tail-bottom{
  border-width: 10px;
  border-style: dashed dashed solid solid;
  border-color: transparent transparent #f3961c #f3961c;
  /*_border-color: #f3961c white white;*/
  left: 10px;
  top: -20px;
}

/*left*/
.tip-jian-left{
  margin-right: 20px;
}
.tip-jian-left span.tail-bottom{
  border-width: 10px;
  border-style: solid dashed dashed solid;
  border-color: #f3961c transparent transparent #f3961c;
  /*_border-color: #f3961c white white;*/
  right: -20px;
  top: 10px;
}

/*带钝角尾巴(视觉上有瑕疵)*/
/*top*/
.tip-dun-top{
  /*margin-bottom: 40px;*/
  border-bottom: 40px solid #fff;
}
.tip-dun-top span.tail-bottom{
  border-width: 20px;
  border-style: solid solid dashed dashed;
  border-color: #f3961c #f3961c transparent transparent;
  left: 20px;
  bottom: -40px;
}
.tip-dun-top span.tail-top{
  border-width: 20px 10px;
  border-style: solid solid dashed dashed;
  border-color: #fff #fff transparent transparent;
  left: 40px;
  bottom: -40px;
}
/*right*/
.tip-dun-right{
  /*margin-left: 40px;*/
  border-left: 40px solid #fff;
}
.tip-dun-right span.tail-bottom{
  border-width: 20px;
  border-style: dashed solid solid dashed;
  border-color: transparent #f3961c #f3961c transparent;
  left: -40px;
  top: 20px;
}
.tip-dun-right span.tail-top{
  border-width: 10px 20px;
  border-style: dashed solid solid dashed;
  border-color: transparent #ffffff #ffffff transparent;
  left: -40px;
  top: 40px;
}
/*bottom*/
.tip-dun-bottom{
  /*margin-top: 40px;*/
  border-top: 40px solid #fff;
}
.tip-dun-bottom span.tail-bottom{
  border-width: 20px;
  border-style: dashed dashed solid solid;
  border-color: transparent transparent #f3961c #f3961c;
  left: 20px;
  top: -40px;
}
.tip-dun-bottom span.tail-top{
  border-width: 20px 10px;
  border-style: dashed dashed solid solid;
  border-color: transparent transparent #fff #fff;
  left: 20px;
  top: -40px;
}
/*left*/
.tip-dun-left{
  /*margin-right: 40px;*/
  border-right: 40px solid #fff;
}
.tip-dun-left span.tail-bottom{
  border-width: 20px;
  border-style: solid dashed dashed solid;
  border-color: #f3961c transparent transparent #f3961c;
  right: -40px;
  top: 0;
}
.tip-dun-left span.tail-top{
  border-width: 10px 20px;
  border-style: solid dashed dashed solid;
  border-color: #fff transparent transparent #fff;
  right: -40px;
  top: 0;
}

/*带直角尾巴样式2*/
/*top*/
.tip-zhi1-top{
  margin-bottom: 15px;
  border: 2px solid #f3961c;
  background-color: #fff;
}
.tip-zhi1-top span.tail-bottom{
  border-width: 15px;
  border-style: solid dashed dashed;
  border-color: #f3961c transparent transparent;
  left: 10px;
  bottom: -30px;
}
.tip-zhi1-top span.tail-top{
  border-width: 15px;
  border-style: solid dashed dashed;
  border-color: #ffffff transparent transparent;
  left: 10px;
  bottom: -27px;
}

/*right*/
.tip-zhi1-right{
  margin-left: 15px;
  border: 2px solid #f3961c;
  background-color: #fff;
}
.tip-zhi1-right span.tail-bottom{
  border-width: 15px;
  border-style: dashed solid dashed dashed;
  border-color: transparent #f3961c transparent transparent;
  top: 11px;
  left: -30px;
}
.tip-zhi1-right span.tail-top{
  border-width: 15px;
  border-style: dashed solid dashed dashed;
  border-color: transparent #fff transparent transparent;
  top: 11px;
  left: -27px;
}
/*bottom*/
.tip-zhi1-bottom{
  margin-top: 15px;
  border: 2px solid #f3961c;
  background-color: #fff;
}
.tip-zhi1-bottom span.tail-bottom{
  border-width: 15px;
  border-style: dashed dashed solid dashed;
  border-color: transparent transparent #f3961c transparent;
  left: 10px;
  top: -30px;
}
.tip-zhi1-bottom span.tail-top{
  border-width: 15px;
  border-style: dashed dashed solid dashed;
  border-color: transparent transparent #fff transparent;
  left: 10px;
  top: -27px;
}
/*left*/
.tip-zhi1-left{
  margin-right: 15px;
  border: 2px solid #f3961c;
  background-color: #fff;
}
.tip-zhi1-left span.tail-bottom{
  border-width: 15px;
  border-style: dashed dashed dashed solid;
  border-color: transparent transparent transparent #f3961c;
  top: 11px;
  right: -30px;
}
.tip-zhi1-left span.tail-top{
  border-width: 15px;
  border-style: dashed dashed dashed solid;
  border-color: transparent transparent transparent #fff;
  top: 11px;
  right: -27px;
}
/*带云朵状尾巴*/
.tip-pao-top span, .tip-pao-right span, .tip-pao-bottom span, .tip-pao-left span {
  background: #f3961c;
}
/*top*/
.tip-pao-top{
  width: 300px;
  padding: 80px 20px;
  border-radius: 220px / 120px;
  margin-bottom: 40px;
}
.tip-pao-top span.tail-bottom{
  width: 30px;
  height: 30px;
  border-radius: 30px;
  left: 10px;
  bottom: -20px;
}
.tip-pao-top span.tail-top{
  width: 15px;
  height: 15px;
  border-radius: 15px;
  left: 0;
  bottom: -40px;
}
/*right*/
.tip-pao-right{
  width: 300px;
  padding: 80px 20px;
  border-radius: 220px / 120px;
  margin-left: 40px;
}
.tip-pao-right span.tail-bottom{
  width: 30px;
  height: 30px;
  border-radius: 30px;
  top: 10px;
  left: -20px;
}
.tip-pao-right span.tail-top{
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: 0;
  left: -40px;
}
/*bottom*/
.tip-pao-bottom{
  width: 300px;
  padding: 80px 20px;
  margin-top: 40px;
  border-radius: 220px / 120px;
}
.tip-pao-bottom span.tail-bottom{
  width: 30px;
  height: 30px;
  border-radius: 30px;
  left: 10px;
  top: -20px;
}
.tip-pao-bottom span.tail-top{
  width: 15px;
  height: 15px;
  border-radius: 15px;
  left: 0px;
  top: -40px;
}
/*left*/
.tip-pao-left{
  width: 300px;
  padding: 80px 20px;
  border-radius: 220px / 120px;
  margin-right: 40px;
}
.tip-pao-left span.tail-bottom{
  width: 30px;
  height: 30px;
  border-radius: 30px;
  top: 10px;
  right: -20px;
}
.tip-pao-left span.tail-top{
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: 0;
  right: -40px;
}
